/* 中部导航栏 */

#content {
    margin: 0 auto;
    width: 1003px;
    background-color: #fff;
    overflow: hidden;
}

.quicknav {
    height: 330px;
    font-family: arial, verdana, sans-serif;
    /*设置字体*/
    overflow: hidden;
    display: flex;
    /* 使用 Flexbox 实现等高布局 */
    justify-content: center;
    /* 居中对齐 */
}

.quicknav .left {
    width: 208px;
    height: 100%;
    /* 设置为 100%，确保与父元素等高 */
    background: #0B93FE url(images/quicknavbg.png) repeat-x left top;
    overflow: hidden;
    display: inline-block;
}

.quicknav .left ul {
    margin: 10px 15px;
    overflow: hidden;
    padding: 0;
}

.quicknav .left ul li {
    list-style-type: none;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #74BAF6;
    position: relative;
    vertical-align: middle;
}

.quicknav .left ul li a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.quicknav .left ul li a img {
    vertical-align: middle;
    margin-right: 8px;
    display: inline-block;
}

/* 列表高亮效果 */
.quicknav .left ul li:hover {
    background: #0175d4 url(images/quicknavtitle.png) repeat-x left top;
}

.quicknav .left .nav {
    height: 38px;
    line-height: 36px;
    color: #fff;
    font-weight: bold;
    font-family: 'Microsoft YaHei', Arial, Verdana, sans-serif;
}

.quicknav .left .nav a {
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    color: #fff;
    text-decoration: none;

}

/* 链接背景颜色 */
#over_a1 {
    background: #0175d4 url(images/quicknavtitle.png) repeat-x left top;
}

#over_a2 {
    background: #0B93FE url(images/quicknavbg.png) repeat-x left top;
}

/* 全局去下划线 */
.quicknav .left a {
    text-decoration: none;
}

.quicknav .left .nav a:hover+ul {
    display: block;
}

.quicknav .left .nav a+ul {
    display: none;
}

#over_a_1 {
    display: none;
}

/* 悬停样式 */
.quicknav .left #over_a1:hover #over_a_2,
.quicknav .left #over_a2:hover #over_a_1 {
    display: block;
}